<template>
  <div class="container">
      <div class="header">
        <img src="../../../assets/K3/K3.png" alt="">
      </div>
      <div class="catalogue">目录</div>
      <van-cell-group>
        <van-cell title="1、整车结构图示" is-link @click="handler(1)" />
        <van-cell title="2、主要技术参数及性能指标"  is-link @click="handler(2)" />
        <van-cell title="3、重要提示和与忠告"  is-link @click="handler(3)" />
        <van-cell title="4、电池的使用、保养及三包说明"  is-link @click="handler(4)" />
        <van-cell title="5、怎样充电"  is-link @click="handler(5)" />
        <van-cell title="6、电机和控制器的使用和维护"  is-link @click="handler(6)" />
        <van-cell title="7、安全使用事项"  is-link @click="handler(7)" />
        <van-cell title="8、驾驶操作"  is-link @click="handler(8)" />
        <van-cell title="9、调整与保养"  is-link @click="handler(9)" />
        <van-cell title="10、故障现象及排除"  is-link @click="handler(10)" />
        <van-cell title="11、售后服务及三包明细表"  is-link @click="handler(11)" />
        <van-cell title="12、TDT111Z 电气原理图"  is-link @click="handler(12)" />
      </van-cell-group>
  </div>
</template>
<script>
// 目录： 1、产品概述 2、使用须知 3、App远程控车 4、钥匙介绍 5、仪表盘说明 6、保养与维修 7、车型参数
import { Toast, Dialog,Cell,CellGroup} from 'vant'
export default {
  components:{
    [Toast.name]:Toast,
    [Dialog.name]:Dialog,
    [Cell.name]:Cell,
    [CellGroup.name]:CellGroup,
  },
  data(){
    return{
      token:'',
      userInfo:'',
    }
  },
  mounted(){
    Toast.loading({duration:1000,mask: false,message: '加载中...'});
    let _this = this;

  },
  methods:{
    handler(e){
      switch (e) {
        case 1:
          this.$router.push({ path:'/k3-jiegou'  })
          break;
        case 2:
          this.$router.push({ path:'/k3-xingneng'  })
          break;
        case 3:
          this.$router.push({ path:'/k3-zhonggao'  })
          break;
        case 4:
          this.$router.push({ path:'/k3-sanbao'  })
          break;
        case 5:
          this.$router.push({ path:'/k3-chongdian'  })
          break;
        case 6:
          this.$router.push({ path:'/k3-kongzhiqi'  })
          break;
        case 7:
          this.$router.push({ path:'/k3-anquan'  })
          break;
        case 8:
          this.$router.push({ path:'/k3-jiashi'  })
          break;
        case 9:
          this.$router.push({ path:'/k3-baoyang'  })
          break;
        case 10:
          this.$router.push({ path:'/k3-pachaguzhang'  })
          break;
        case 11:
          this.$router.push({ path:'/k3-shouhou'  })
          break;
        case 12:
          this.$router.push({ path:'/k3-dianqitu'  })
          break;
        default:
          break;
      }
    }

  }
}
</script>

<style scoped lang="scss">
.container{
  width: 100%;
  height:100%;
  text-align: left;
}
.catalogue{
  padding:0 15px;
  font-size:16px;
  font-weight:500;
  line-height: 60px;
  color:#333;
}
.header{
  padding:40px 0;
  text-align: center;
  background:#ff4001;
}
.header img{
  width:50%;
  margin:0 auto;
}
</style>